<template>
  <div class="home">
    <banner></banner>
    <div class="home_section">
      <journalism></journalism>
      <announcement></announcement>
    </div>
    <onlineClass></onlineClass>
    <div class="home_section">
      <academicResources></academicResources>
      <academicBBS></academicBBS>
    </div>
    <teachingStaff></teachingStaff>
    <blogroll></blogroll>
  </div>
</template>
<script>
  import banner from './components/banner'
  import journalism from './components/journalism'
  import announcement from './components/announcement'
  import onlineClass from './components/onlineClass'
  import academicResources from './components/academicResources'
  import academicBBS from './components/academicBBS'
  import teachingStaff from './components/teachingStaff'
  import blogroll from './components/blogroll'

  export default {
    name: 'index',
    components: {
      banner,
      journalism,
      announcement,
      onlineClass,
      academicResources,
      academicBBS,
      teachingStaff,
      blogroll
    },
    data() {
      return {}
    },
    mounted() {

    },
    methods: {}
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .home_section {
    display: flex;
    justify-content: space-between;
    width: 1280px;
    margin: 0 auto;
  }
</style>
